import React, {Component} from 'react';
import LinearProgress from '@material-ui/core/LinearProgress';

export default class OurSkills extends Component {
	render () {
		return (
			<div className="our-skills">
				<h3 className="bar-heading text-left">My Skills</h3>
				<span>WordPress 80%</span>
				<LinearProgress variant="determinate" color={'secondary'} className='md-liner-progress' value={80}/>
				<span>HTML5 90%</span>
				<LinearProgress variant="determinate" color={'secondary'} className='md-liner-progress' value={90}/>
				<span>CSS3 70%</span>
				<LinearProgress variant="determinate" color={'secondary'} className='md-liner-progress' value={70}/>
				<span>BOOTSTRAP 80%</span>
				<LinearProgress variant="determinate" color={'secondary'} className='md-liner-progress' value={80}/>
				<span>PHP 60%</span>
				<LinearProgress variant="determinate" color={'secondary'} className='md-liner-progress' value={60}/>
			</div>
		);
	}
}